/* 通用设置：清除块级元素自带的样式浮动*/
* {
    margin: 0px;
    padding: 0px;
}

/*登陆页面表单样式设计*/
.form {
    width: 300px;
    margin: 100px auto;

}

.form .title {
    height: 30px;
    background-color: aqua;
    color: black;
    text-align: center;
    /*调整行高让字体居中*/
    line-height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.form form {
    padding: 10px 0px;
    border: 1px solid lightslategray;
}

.form table {
    margin: 0 auto;
}

.form table td {
    padding: 5px;
}

/*登录表单样式结束*/


/*用户后台主页iframe样式设计*/
.container {
    /*容器设置*/
    width: 1200px;
    height: 100%;
    /*页面居中*/
    margin: 0px auto;
    border: 1px solid slategrey;
}

.container .top {
    height: 15%;
    background-color: lightgreen;
    position: relative;
}

/*设置定位样式信息*/
.container .top h3 {
    /* 欢迎标签绝对定位*/
    position: absolute;
    right: 50px;
    top: 30%;
}

.container .main {
    height: 85%;
    /*background-color: lightskyblue;*/
}

/*左边框菜单样式*/
.container .main .left {
    height: 100%;
    width: 20%;
    float: left;
    background-color: palevioletred;
}

.container .main .left ul {
    /*去掉项目符号*/
    list-style: none;
    margin-left: 20px;
    margin-top: 20px;
}

.container .main .left ul li {
    margin-top: 10px;
}

.container .main .right {
    height: 100%;
    width: 80%;
    float: right;
    /*background-color: darkorange;*/
}

.container .main .right iframe {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
}

/*后台管理布局结束*/

/*商品类型列表表格样式设置*/
.table_list {
    width: 600px;
    border: 1px darkgray solid;
    /*设置表格边框合并*/
    border-collapse: collapse;
    margin: 30px auto;
}
.table_list th, .table_list td{
    border: 1px solid darkgray;
    padding: 5px;
}
.table_list .title{
    background-color: darkblue;
    color: aliceblue;
}